<script setup>
	import { onLoad } from '@dcloudio/uni-app'
	
	onLoad(() => {
		
	})
</script>

<template>
	<view class="app-container">
		<image src="https://jhgk-1307466921.cos.ap-shanghai.myqcloud.com/opt/AppCollect/PersonJkzImg/2025-06-26/1750905432821_best_0.png"
			class="bg-image" mode="widthFix" />
		<view class="app-content">
			<image src="https://jhgk-1307466921.cos.ap-shanghai.myqcloud.com/opt/AppCollect/PersonJkzImg/2025-06-26/1750905435442_best_1.png"
				class="icon" mode="widthFix" lazy-load></image>
			<image src="https://jhgk-1307466921.cos.ap-shanghai.myqcloud.com/opt/AppCollect/PersonJkzImg/2025-06-26/1750905437966_best_2.png"
				class="icon" mode="widthFix" lazy-load></image>
			<image src="https://jhgk-1307466921.cos.ap-shanghai.myqcloud.com/opt/AppCollect/PersonJkzImg/2025-06-26/1750905440311_best_3.png"
				class="icon" mode="widthFix" lazy-load></image>
		</view>
	</view>
</template>

<style lang="scss" scoped>
	.app-container{
		background-color: #EDDFD6;
		.bg-image{
			width: 100%;
			min-height: 424rpx;
		}
		.app-content{
			margin-top: -62rpx;
			padding: 0 24rpx;
			z-index: 1;
			display: flex;
			flex-direction: column;
			gap: 24rpx;
			.icon{
				width: 100%;
				min-height: 600rpx;
			}
		}
	}
</style>